{extend name='admin@main'}

{block name="content"}

{include file='store@goods/form_style'}
<div class="layui-card-body think-box-shadow padding-left-40">
  <div class="layui-tab">
    
    <ul class="layui-tab-title">
      <li class="layui-this">会员基本信息</li>
      <li >积分详情</li>
      <li>发布豆详情</li>
      <li>充值记录</li>
    </ul>
    <div class="layui-tab-content">
      <div class="layui-tab-item layui-show">
        <fieldset class="layui-elem-field layui-field-title" >
          <legend>基本信息</legend>
        </fieldset>
        <form class="layui-form layui-form-pane" action="">

          <div class="layui-form-item">
            <div class="layui-inline">
              <label class="layui-form-label">会员ID</label>
              <div class="layui-input-inline">
                <input name="number" value="{$userinfo.id}" autocomplete="off" readonly="" class="layui-input" type="text">
              </div>
            </div>
            <div class="layui-inline">
              <label class="layui-form-label">微信名</label>
              <div class="layui-input-inline">
                <input name="number" value="{$userinfo.wechat_nickname}" autocomplete="off" readonly="" class="layui-input" type="text">
              </div>
            </div>
            <div class="layui-inline">
              <label class="layui-form-label">联系电话</label>
              <div class="layui-input-inline">
                <input name="number" value="{$userinfo.mobile}" readonly="" autocomplete="off" class="layui-input" type="text">
              </div>
            </div>
            <div class="layui-inline">
              <label class="layui-form-label">邮箱</label>
              <div class="layui-input-inline">
                <input name="number" value="{$userinfo.email}" autocomplete="off" readonly="" class="layui-input" type="text">
              </div>
            </div>
            <div class="layui-inline">
              <label class="layui-form-label">openid</label>
              <div class="layui-input-inline">
                <input name="number" value="{$userinfo.wechat_openid}" autocomplete="off"  class="layui-input" type="text">
              </div>
            </div>
          </div>

          <div class="layui-form-item">
            
          
            <div class="layui-inline">
              <label class="layui-form-label">所在省</label>
              <div class="layui-input-inline">
                <input name="number" value="{$userinfo.province}" autocomplete="off" readonly="" class="layui-input" type="text">
              </div>
            </div>
            <div class="layui-inline">
              <label class="layui-form-label">所在市</label>
              <div class="layui-input-inline">
                <input name="number" value="{$userinfo.city}" autocomplete="off" readonly="" class="layui-input" type="text">
              </div>
            </div>
            <div class="layui-inline">
              <label class="layui-form-label">所在地区</label>
              <div class="layui-input-inline">
                <input name="number" value="{$userinfo.county}" autocomplete="off" readonly="" class="layui-input" type="text">
              </div>
            </div>
            <div class="layui-inline">
              <label class="layui-form-label">认证类型</label>
              <div class="layui-input-inline">
                <input name="number" value="{$userinfo.type}" autocomplete="off" readonly="" class="layui-input" type="text">
              </div>
            </div>

            <div class="layui-inline">
              <label class="layui-form-label">认证状态</label>
              <div class="layui-input-inline">
                <input name="number" value="{$userinfo.status}" autocomplete="off" readonly="" class="layui-input" type="text">
              </div>
            </div>
          </div>
        </form>
        

      </div>
      <div class="layui-tab-item">
        <fieldset class="layui-elem-field layui-field-title" >
          <legend>积分详情</legend>
        </fieldset>
        <form class="layui-form layui-form-pane" action="">
          <div class="layui-form-item">
            <div class="layui-inline">
              <label class="layui-form-label">总积分</label>
              <div class="layui-input-inline">
                <input name="number" autocomplete="off" readonly="" class="layui-input" type="text">
              </div>
            </div>
            <div class="layui-inline">
              <label class="layui-form-label">可用积分</label>
              <div class="layui-input-inline">
                <input name="number" autocomplete="off" readonly="" class="layui-input" type="text">
              </div>
            </div>
            <div class="layui-inline">
              <label class="layui-form-label">冻结积分</label>
              <div class="layui-input-inline">
                <input name="number" autocomplete="off" readonly="" class="layui-input" type="text">
              </div>
            </div>
            <div class="layui-inline">
              <label class="layui-form-label">已用积分</label>
              <div class="layui-input-inline">
                <input name="number" autocomplete="off" readonly="" class="layui-input" type="text">
              </div>
            </div>
          </div>
        </form>
        <fieldset class="layui-elem-field layui-field-title" >
          <legend>积分记录</legend>
        </fieldset>
        <table class="layui-table margin-top-10" lay-skin="line">
          <thead>
            <tr>
              <th>ID</th>
              <th>获得积分</th>
              <th>类型</th>
              <th>积分来源</th>
              <th>获得时间</th>
            </tr>
          </thead>
          <tbody>
            <tr data-dbclick>
              <td>1</td>
              <td>5</td>
              <td>增加</td>
              <td>参加兼职获得</td>
              <td>2019-04-01 11:44</td>
            </tr>
            <tr data-dbclick>
              <td>1</td>
              <td>5</td>
              <td>增加</td>
              <td>参加兼职获得</td>
              <td>2019-04-01 11:44</td>
            </tr>
            <tr data-dbclick>
              <td>1</td>
              <td>5</td>
              <td>增加</td>
              <td>参加兼职获得</td>
              <td>2019-04-01 11:44</td>
            </tr>
            <tr data-dbclick>
              <td>1</td>
              <td>5</td>
              <td>增加</td>
              <td>参加兼职获得</td>
              <td>2019-04-01 11:44</td>
            </tr>
            <tr data-dbclick>
              <td>1</td>
              <td>5</td>
              <td>减少</td>
              <td>参加兼职获得</td>
              <td>2019-04-01 11:44</td>
            </tr>
          </tbody>
        </table>
        <span class="notdata">没有记录哦</span>

      </div>
      <div class="layui-tab-item">
        <fieldset class="layui-elem-field layui-field-title" >
          <legend>发布豆详情</legend>
        </fieldset>
        <form class="layui-form layui-form-pane" action="">
          <div class="layui-form-item">
            <div class="layui-inline">
              <label class="layui-form-label">总发布豆</label>
              <div class="layui-input-inline">
                <input name="number" autocomplete="off" readonly="" class="layui-input" type="text">
              </div>
            </div>
            <div class="layui-inline">
              <label class="layui-form-label">可用发布豆</label>
              <div class="layui-input-inline">
                <input name="number" autocomplete="off" readonly="" class="layui-input" type="text">
              </div>
            </div>
            <div class="layui-inline">
              <label class="layui-form-label">冻结发布豆</label>
              <div class="layui-input-inline">
                <input name="number" autocomplete="off" readonly="" class="layui-input" type="text">
              </div>
            </div>
            <div class="layui-inline">
              <label class="layui-form-label">已用发布豆</label>
              <div class="layui-input-inline">
                <input name="number" autocomplete="off" readonly="" class="layui-input" type="text">
              </div>
            </div>
          </div>
        </form>
        <fieldset class="layui-elem-field layui-field-title" >
          <legend>发布豆记录</legend>
        </fieldset>
        <table class="layui-table margin-top-10" lay-skin="line">
          <thead>
            <tr>
              <th>ID</th>
              <th>获得发布豆</th>
              <th>类型</th>
              <th>发布豆来源</th>
              <th>获得时间</th>
            </tr>
          </thead>
          <tbody>
            <tr data-dbclick>
              <td>1</td>
              <td>5</td>
              <td>增加</td>
              <td>参加兼职获得</td>
              <td>2019-04-01 11:44</td>
            </tr>
            <tr data-dbclick>
              <td>1</td>
              <td>5</td>
              <td>减少</td>
              <td>参加兼职获得</td>
              <td>2019-04-01 11:44</td>
            </tr>
            <tr data-dbclick>
              <td>1</td>
              <td>5</td>
              <td>增加</td>
              <td>参加兼职获得</td>
              <td>2019-04-01 11:44</td>
            </tr>
            <tr data-dbclick>
              <td>1</td>
              <td>5</td>
              <td>增加</td>
              <td>参加兼职获得</td>
              <td>2019-04-01 11:44</td>
            </tr>
            <tr data-dbclick>
              <td>1</td>
              <td>5</td>
              <td>增加</td>
              <td>参加兼职获得</td>
              <td>2019-04-01 11:44</td>
            </tr>
          </tbody>
        </table>
        <span class="notdata">没有记录哦</span>
      </div>
      <div class="layui-tab-item">
        <fieldset class="layui-elem-field layui-field-title" >
          <legend>充值详情</legend>
        </fieldset>
        <div class="layui-inline">
          <label class="layui-form-label">充值总额</label>
          <div class="layui-input-inline">
            <input name="number" autocomplete="off" value="1000.00" readonly="" class="layui-input" type="text">
          </div>
        </div>
        <fieldset class="layui-elem-field layui-field-title" >
          <legend>充值记录</legend>
        </fieldset>
        <table class="layui-table margin-top-10" lay-skin="line">
          <thead>
            <tr>
              <th>ID</th>
              <th>充值金额</th>
              <th>用途</th>
              <th>充值时间</th>
            </tr>
          </thead>
          <tbody>
            <tr data-dbclick>
              <td>1</td>
              <td>100.00</td>
              <td>购买发布豆</td>
              <td>2019-04-01 11:44</td>
            </tr>
          </tbody>
        </table>
        <span class="notdata">没有记录哦</span>
      </div>
    </div>
  </div>
</div>

{/block}

{block name='script'}

<script>
  window.form.render();
  layui.use('laydate', function(){
    var laydate = layui.laydate;
    //常规用法
    laydate.render({
      elem: '#test1'
    });
    laydate.render({
      elem: '#test2'
    });
    
  });

  require(['ckeditor', 'angular'], function () {
     window.createEditor('[name="content"]', {height: 200});
     window.createEditor('[name="content1"]', {height: 200});
     window.createEditor('[name="content2"]', {height: 200});
   });
</script>

{/block}